﻿.index-baner,.index-unit{ width:100%; min-width:1200px;}
.index-unit{ padding-bottom:40px;}
.index-unit-odd{ background-color:#f4f4f5;}
.xyplan-unit{ padding-bottom:80px;}
.xyplan-odd{ color:#fff; background-color:#003580;}
.index-ban-aside{ position:absolute; left:50%; top:0; margin-left:-600px; width:1200px;}

.nobdt{ border-top:none!important;}
.nobdl{ border-left:none!important;}

.i-btn-arrow,.btn-index-prev,.btn-index-next,.i-index-bgblue,.i-ip,.i-index-sol{ background:url(../images/spr_index.png) no-repeat; overflow:hidden;}

.index-baner{ position:relative; height:500px; overflow:hidden;}
.index-ban-list{ height:500px;}
.index-ban-list li{ width:100%; min-width:1200px; height:100%;}
.index-ban-list li a {display:block; width:100%;height:500px; background:#050b18 url(../images/banner.jpg) no-repeat center center;}
.index-ban-txt1{ padding-top:340px; font-size:14px; color:#fff;}
.index-ban-pbox{ margin:20px auto 0; width:430px; font-size:24px;}
.index-ban-pbox p{ float:left; position:relative; padding-left:14px; width:220px; line-height:1.8;}
.index-ban-pbox p.index-p-sml{ width:176px;}
.index-ban-pbox p:before{ position:absolute; left:0; top:16px; width:6px; height:6px; content:""; background:#fff; border-radius:100%;}
.btn-index-ban{ display:block; margin:0 auto; width:220px; height:50px; line-height:50px; font-size:24px; color:#003580; text-align:center; background-color:#fcca03; border-radius:50px; overflow:hidden;}
.btn-index-ban span{ display:block; height:50px; -webkit-transition:margin-top linear .2s;}
.btn-index-ban:hover{ text-decoration:none;}
.btn-index-ban:hover .i-btn-arrow{ margin-top:13px;}
.btn-index-ban .i-btn-arrow{ margin-top:-25px; background-position:0 -125px;}
.i-btn-arrow{ display:block; margin:0 auto; width:25px; height:25px; cursor:pointer; background-position:0 -100px; transition:margin-top linear .2s;}
.btn-index-prev,.btn-index-next{ position:absolute; top:275px; width:50px; height:75px; text-indent:-300%; overflow:hidden;}
.btn-index-prev{ left:-90px; background-position:0 0;}
.btn-index-next{ right:-40px; background-position:-50px 0;}
.btn-index-prev:hover,.btn-index-next:hover{ background-color:rgba(0,0,0,.2);}
.index-ban-dots{ position:absolute; left:0; top:560px; width:100%; text-align:center;}
.index-ban-dots span{ position:relative; display:inline-block; margin:0 3px; width:10px; height:10px; background:#000; background:rgba(0,0,0,.7); border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.7); border-radius:100%; -webkit-transition:background .2s linear; transition:background .2s linear; overflow:hidden;}
.index-ban-dots span.on{ top:1px; width:14px; height:14px; background:#fff; background:rgba(255,255,255,.7); border:1px solid #000; border-color:rgba(0,0,0,.7);}
.index-ban-list a:hover{text-decoration: none;}
.index-gglist{ margin-left:-19px; padding-top:20px; font-size:14px;}
.index-gglist li{ float:left; margin-left:19px; -webkit-transition:-webkit-transform linear .2s; transition:transform linear .2s;}
.index-gglist li:hover{ -webkit-transform:translateY(-2px); transform:translateY(-2px); box-shadow:0 10px 20px rgba(0, 0, 0, 0.1); z-index:1;}
.index-gglist a{ position:relative; display:block; width:387px; height:160px; color:#fff; text-decoration:none; background-color:#2e72ef;}
.index-gglist a:hover{ background-color:#3388ff;}
.igg-txt{ position:absolute; left:0; top:0; padding:24px 0 0 30px;}
.igg-txt h3{ font-size:18px;}
.igg-txt-xybrand{position: absolute;  left: 0;  bottom: 0;  padding: 0px 0px 14px 88px;  font-size: 18px;}
.index-titbox{ padding-top:60px; font-size:18px; text-align:center;}
.index-titbox h3{ margin-bottom:20px; font-size:48px;}

.index-tech-list{ margin-left:-8px; padding-top:70px;}
.index-tech-list img{ display:block;}
.index-tech-list li{ position:relative; float:left; margin-left:8px; width:292px; text-align:left; -webkit-transition:-webkit-transform linear .2s; transition:transform linear .2s;}
.index-tech-list li:hover{ -webkit-transform:translateY(-2px); transform:translateY(-2px); box-shadow:0 10px 20px rgba(0, 0, 0, 0.1); z-index:1;}
.index-tech-txt{ position:absolute; top:350px; left:0; padding:0 32px; font-size:14px; color:#fff;}
.index-tech-txt h4{ padding:20px 0 8px; font-size:24px; text-align:center;}
.index-tech-txt p{ line-height:24px;}
.btn-index-normal{ display:block; margin:0 auto; width:180px; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; background-color:#2d72ee; border-radius:40px; overflow:hidden;}
.btn-index-normal span{ display:block; height:40px; -webkit-transition:margin-top linear .2s;}
.btn-index-normal:hover{ text-decoration:none;}
.btn-index-normal:hover .i-btn-arrow{ margin-top:8px;}
.btn-index-normal .i-btn-arrow{ margin-top:-25px;}

.index-prio-list{ margin-left:-40px; padding-top:20px; font-size:14px; color:#535353;}
.index-prio-list li{ position:relative; float:left; margin-left:40px; padding:24px 0 24px 190px; width:390px; height:175px; border-top:1px solid #e5e5e5;}
.index-prio-list h4{ padding:30px 0 10px; font-size:24px; color:#000;}
.index-prio-ibox{ position:absolute; left:0; top:24px; width:175px; height:175px; overflow:hidden;}
.index-prio-ico{ display:block; width:175px; height:175px;}
.i-index-bgblue{ display:block; width:175px; height:175px; background-position:-200px 0;}
.i-ip{ position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px;}
.i-index-p1{ background-position:0 -200px;}
.i-index-p2{ background-position:-100px -200px;}
.i-index-p3{ background-position:-200px -200px;}
.i-index-p4{ background-position:-300px -200px;}
.i-index-p5{ background-position:-400px -200px;}
.i-index-p6{ background-position:-500px -200px;}
.index-prio-ico-hover{ position:absolute; left:0; top:0; display:none;}
.index-prio-ico-hover .i-index-bgblue{ background-position:-400px 0;}
li:hover .index-prio-ico-hover{ display:block;}
.index-prio-ico-hover .i-index-p1{ background-position:0 -300px;}
.index-prio-ico-hover .i-index-p2{ background-position:-100px -300px;}
.index-prio-ico-hover .i-index-p3{ background-position:-200px -300px;}
.index-prio-ico-hover .i-index-p4{ background-position:-300px -300px;}
.index-prio-ico-hover .i-index-p5{ background-position:-400px -300px;}
.index-prio-ico-hover .i-index-p6{ background-position:-500px -300px;}

.index-solution{ position:relative; z-index:2;}
.index-sol-nav{ float:left; width:250px; border-right:1px solid #c9c9c9;}
.index-sol-nav ul{ margin:0 auto; width:160px;}
.index-sol-nav li{ padding:25px 0;}
.index-sol-nav a{ display:block; height:40px; line-height:40px; font-size:18px; color:#313131; text-align:center; border-radius:40px;}
.index-sol-nav a:hover,.index-sol-nav .on a{ text-decoration:none; color:#fff; background-color:#2d72ee;}
.index-solbox{ padding-top:46px;}
.index-sol-main{ float:left; padding:0 20px; width:909px; font-size:16px; text-align:center; color:#313131;}
.index-sol-main h4{ margin-bottom:34px; font-size:24px;}
.index-sol-main .btn-index-normal{ margin-top:40px;}
.i-index-sol{ display:inline-block; vertical-align:middle; width:50px; height:50px; background-position:-25px -100px;}
.index-sol-companylist{ margin-bottom:80px; display:inline-block; *display:inline; *zoom:1;}
.index-sol-companylist li{ float:left; width:300px; height:150px; border-left:1px solid #c9c9c9;}
.index-sol-list{ padding:60px 0 0;}
.index-sol-list li{ float:left; width:180px; padding:20px 30px;}
.index-sol-list img{ display:block; width:180px; height:60px;}
.nodes-wrapper{ position:absolute; left:0; top:0; width:1200px; height:1145px;}

.index-limitnessbox{ position:relative; height:730px; background:url(../images/star.png) no-repeat center top; overflow:hidden;}
.index-limitness-list{ position:absolute; left:0; bottom:0; width:100%; font-size:30px; color:#535353; text-align:center;}
.index-limitness-list li{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:32%;}
.index-limitness-list em{ font-size:60px; color:#313131;}

.index-infomation{ padding:60px 0 0;}
.index-news{ float:left; width:810px;}
.index-activity{ float:left; margin-left:10px; width:380px;}
.index-news-tit{ margin-bottom:30px;}
.index-news-tit h3{ font-size:48px; color:#000;}
.index-news-tit h3 a{ margin-left:90px;  font-size:16px; color:#535353;}
.index-news-list{ position:relative; height:150px; overflow:hidden;}
.index-news-list li{ float:left; width:405px; height:50px; font-size:16px; overflow:hidden;}
.index-news-list a{ position:relative; display:inline-block; padding-right:32px; max-width:360px; height:50px; line-height:50px; color:#313131;}
.index-news-list a span{ margin:0 8px;}
.index-news-list a:hover{ text-decoration:none; color:#2e72ef;}
.i-index-hot{ position:absolute; right:0; top:50%; margin-top:-8px; padding:0 4px; height:16px; line-height:16px; font-size:12px; color:#fff; background-color:#fc3;}
.index-activity-list{ position:relative; width:362px; height:144px; overflow:hidden;}

.index-future .index-titbox h3{ color:#2e72ef;}
.index-future-list{ padding:60px 0;}
.index-future-list li{ float:left; width:240px; padding:20px 0;}
.index-future-list img{ display:block; margin:0 auto; width:180px; height:60px;}
.btn-index-reg{ display:block; margin:0 auto; width:260px; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; background-color:#2d72ee; border-radius:50px; overflow:hidden;}
.btn-index-reg span{ display:block; height:50px; -webkit-transition:margin-top linear .2s;}
.btn-index-reg:hover{ text-decoration:none;}
.btn-index-reg:hover .i-btn-arrow{ margin-top:13px;}
.btn-index-reg .i-btn-arrow{ margin-top:-25px;}

.i-xyplan-numbg,.i-xyplan-txtarrow{ background:url(../images/spr_xyplan.png) no-repeat; overflow:hidden;}
.xyplan-pro{ margin-top:70px; text-align:center;}
.xyplan-pro-ubox{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 22px; padding:40px 0; width:524px; height:920px; background-color:#00418e; border:1px solid #032f71;}
.xyplan-pro-ubox:hover{ background-color:#013e86;}
.xyplan-pro-ubox:hover .xyplan-pro-pic img{ -webkit-transform:scale(.9); transform:scale(.9);}
.xyplan-pro-pic img{ -webkit-transition:-webkit-transform linear .2s; transition:transform linear .2s;}
.xyplan-pro-ubox h4{ margin-bottom:46px; font-size:48px;}
.xyplan-pro-link{ font-size:24px;}
.xyplan-pro-link a{ color:#fc3;}
.xyplan-pro-pic{ margin-bottom:40px;}
.i-xyplan-txtarrow{ display:inline-block; vertical-align:middle; margin-left:10px; width:25px; height:25px; background-position:-225px -1250px;}
.xyplan-pro-info{ margin-top:40px; padding-top:40px; border-top:6px solid #003580;}
.xyplan-pro-info p{ font-size:24px; text-align:center;}
.xyplan-pro-info p strong{ font-size:18px; color:#fc3;}
.xyplan-pro-pricelist-1{ margin-top:50px; text-align:center;}
.xyplan-pro-pricelist-1 p{ font-size:18px;}
.xyplan-pro-pricelist-1 li{ display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:130px;}
.xyplan-ppbox{ position:relative; width:138px; height:138px;}
.i-xyplan-pp-bg,.i-xyplan-pp-lvl1,.i-xyplan-pp-lvl2,.i-xyplan-pp-lvl3,.i-xyplan-pp-cover{ position:absolute; left:0; top:0; width:138px; height:138px; background:url(../images/spr_xyplan_price.png) no-repeat; overflow:hidden;}
.i-xyplan-pp-bg{ background-position:0 0;}
.i-xyplan-pp-lvl1{ background-position:0 -138px;}
.i-xyplan-pp-lvl2{ background-position:0 -276px;}
.i-xyplan-pp-lvl3{ background-position:0 -414px;}
.i-xyplan-pp-cover{ background-position:0 -552px;}
.xyplan-ppbox span{ position:absolute; left:0; top:50%; margin-top:-69px; width:100%; height:100%; line-height:138px; font-size:30px;}
.on .xyplan-ppbox span{ font-weight:bold; font-size:48px; color:#ffcc33;}
.xyplan-pro-pricelist-1 .on p,.xyplan-pro-pricelist-2 .on p{ font-weight:bold; color:#2e72ef;}
.i-xyplan-pp-dashline{ display:block; margin:5px auto; width:1px; height:40px; border-left:1px dashed #5a697e; overflow:hidden;}
.xyplan-pro-pricelist-2{ position:relative; margin:36px auto 0; width:460px; height:240px; background:url(../images/price_bg2.png) no-repeat;}
.xyplan-pro-pricelist-2 ul{ position:absolute; left:0; bottom:0; padding-left:36px; z-index:2;}
.xyplan-pro-pricelist-2 li{ float:left; position:relative; width:140px; height:216px; font-size:18px; text-align:center;}
.xyplan-pro-pricelist-2 li.xyplan-pp2-2 span{ top:78px;}
.xyplan-pro-pricelist-2 li.xyplan-pp2-3 span{ top:100px;}
.xyplan-pro-pricelist-2 li span{ position:absolute; left:0; top:0; width:100%;}
.xyplan-pro-pricelist-2 li span.i-xyplan-numbg{ left:50%; margin-left:-33px; width:66px; height:44px; line-height:30px; font-weight:bold; font-size:24px; color:#0e1a40; background-position:-325px -1200px;}
.xyplan-pro-pricelist-2 p{ position:absolute; left:0; bottom:0; width:100%; font-size:18px;}
.i-xyplan-price2bg{ position:absolute; left:0; top:0; width:460px; height:240px; background:url(../images/price_bg.png) no-repeat;}
.xyplan-pro-btn{ margin-top:50px; text-align:center;}
.xyplan-pro-btn .btn-index-ban{ display:block; margin:0 auto 10px; color:#fff; background-color:#2d72ee;}
.xyplan-pro-btn .i-btn-arrow{ background-position:0 -100px;}

.i-xyplan-numbg,.js_num{ -webkit-animation:float .8s linear both infinite alternate; animation:float .8s linear both infinite alternate;}

@-webkit-keyframes float{
    0%{ -webkit-transform:translateY(5px);}
    to{ -webkit-transform:translateY(-5px);}
}
@keyframes float{
    0%{ transform:translateY(5px);}
    to{ transform:translateY(-5px);}
}

/* 首页轮播 */

.flexslider {
    margin: 0px auto 20px;
    position: relative;
    width: 100%;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    display: block;
}
/* END首页轮播 */